.tools-aiChat-page{
    .chat-input{
        background-color: #fff;
        will-change: box-shadow;
        transition: box-shadow 0.2s ease-in-out;
        border-radius: 4px;
        border: 1px solid rgba(#000, 0);
        &.focus {
            box-shadow: 0 0 0 2px rgba(#ed7020, 0.55);
            border-color: transparent;
        }
        &:before{
            position: absolute;
            top: 10px;
            left: 10px;
            content: attr(data-placeholder);
            color: #ccc;
            font-size: 15px;
            z-index: 0;
        }
        &.hide-placeholder{
            &:before{
                display: none;
            }
        }
    }
    .content-input{
        position: relative;
        width: 100%;
        min-height: 80px;
        border: 1px solid rgba(#000, 0);
        padding: 10px;
        box-sizing: border-box;
        font-size: 15px;
        outline: none;
        z-index: 1;
    }
    .chat-input-btns{
        display: flex;
        align-items: center;
        padding: 10px 12px;
        // outline: 1px solid #f00;   
        div{
            flex: 1;
            font-size: 13px;
            >span{
                border: 1px solid #ccc;
                border-radius: 20px;
                padding: 5px 12px;
                cursor: pointer;
                i{
                    margin-right: 4px;
                    font-size: inherit;
                }
                &:not(:last-child){
                    margin-right: 10px;
                }
                &:hover{
                    span{
                        text-decoration: underline;
                    }
                }
                &.active{
                    background-color: #ed7020;
                    color: #fff;
                    border-color: #ed7020;
                }
            }
            .topic-list-btn{
                display: none;
            }
        }
        button{
            width: 35px;
            height: 35px;
            line-height: 35px;
            font-size: 15px;
            outline: none;
            border-radius: 50%;
            color: #ccc;
            cursor: pointer;
            &.active{
                background-color: #ed7020;
                color: #fff;
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .tools-aiChat-page{
        .chat-input{
            &:before{
                font-size: 14px;
            }
        }
        .content-input{
            min-height: 60px;
            padding: 10px;
            font-size: 14px;
        }
        .chat-input-btns{
            padding: 8px 10px 5px;
            // outline: 1px solid #f00;   
            div{
                >span{
                    &:not(:last-child){
                        margin-right: 8px;
                    }
                }
                .topic-list-btn{
                    display: inline;
                }
            }
            button{
                font-size: 14px;
            }
        }
    }
}